import React from 'react';
import styles from './index.less';

class GisComponent extends React.Component {
  state = {
    type: 'type1',
    visible: false,
  };

  type222 = 0;

  handleChangeVisible = () => {
    const { visible } = this.state;
    this.setState({
      visible: !visible,
    });
  };

  render() {
    const { visible } = this.state;
    return (
      <div>
        <div onClick={this.handleChangeVisible}>新增</div>
      </div>
    );
  }
}

class Tankuang extends GisComponent {
  constructor(props: any) {
    super(props);
    console.log(props);
    this.state = {
      type222: this.type222,
      age: 123,
    }
  }

  render() {
    console.log(this);
    const { type } = this.state;
    console.log(type);
    return <div className={styles.box}>123</div>;
  }
}

export default Tankuang;
